iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
1
自我挑戰組

ASP.NET 網頁程式設計初學者系列 第 7

DAY7- ASP.NET 伺服器控制項- DropDownList下拉式選單

  • 分享至 

  • xImage
  •  

DropDownList 就是下拉式選單
直接拉兩個進來
我們來做做縣市對應區的選單吧
點編輯項目
圖1
https://ithelp.ithome.com.tw/upload/images/20200922/201123573c1DhuJbEU.png
把縣市打進去吧 值設定為0.1.2.3 因為之後程式部分要用switch case去寫
圖2
https://ithelp.ithome.com.tw/upload/images/20200922/20112357LCwkI3Qhgz.png
那我們就點點兩下縣市的下拉選單 來寫寫程式吧~

protected void dwnCITY_SelectedIndexChanged(object sender, EventArgs e)
        {
            dwnArea.Items.Clear();
            switch (dwnCITY.SelectedValue)
            {
                case "0":
                    dwnArea.Items.Add(new ListItem("==先選縣市==", "0"));
                    dwnArea.Enabled = false;
                    break;
                case "1":
                    dwnArea.Items.Add(new ListItem("==請選區==", "0"));
                    dwnArea.Items.Add(new ListItem("中山區", "1"));
                    dwnArea.Items.Add(new ListItem("士林區", "2"));
                    dwnArea.Items.Add(new ListItem("北投區", "3"));
                    dwnArea.Enabled = true;
                    break;
                case "2":
                    dwnArea.Items.Add(new ListItem("==請選區==", "0"));
                    dwnArea.Items.Add(new ListItem("新莊區", "1"));
                    dwnArea.Items.Add(new ListItem("三重區", "2"));
                    dwnArea.Items.Add(new ListItem("板橋區", "3"));
                    dwnArea.Enabled = true;
                    break;
                case "3":
                    dwnArea.Items.Add(new ListItem("==請選區==", "0"));
                    dwnArea.Items.Add(new ListItem("仁愛區", "1"));
                    dwnArea.Items.Add(new ListItem("信義區", "2"));
                    dwnArea.Items.Add(new ListItem("暖暖區", "3"));
                    dwnArea.Enabled = true;
                    break;
            }
        }

就是用swiitch case寫法去case0.1.2.3
那區域很多 就不一一寫出來了
大概會用就好囉
那來驗收成果吧
圖3
https://ithelp.ithome.com.tw/upload/images/20200922/20112357hcgE49iXKI.png
選了三個縣市都可以跳出來
一開始有遇到跳不出來
後來找到原因 出在值打成” 3”多一格空白 導致switchcase抓不到
如果有寫錯甚麼東西 或 觀念有問題 歡迎下面留言跟我說
:>>


上一篇
DAY6- ASP.NET 伺服器控制項
下一篇
DAY8- ASP.NET 伺服器控制項- CheckBox & CheckBoxList
系列文
ASP.NET 網頁程式設計初學者30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言